
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/themes/default/jquery.mobile-1.2.0.min.css" />

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.2.0.js"></script>
<title>Untitled Document</title>
</head>

<body>

<div data-role="page" id="pageProducts">
	<div data-role="header" data-position="fixed">
		<h1>Electronic Supermarket</h1>
        
	</div>
    	<div data-role="content">	
        <ul data-role="listview" data-filter="true" data-filter-placeholder="Search products...">
        
       </ul>
       </div>
	
<div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
		<ul>
        
			<li><a href="#PageHotProducts" id="HotProducts" data-icon="refresh">Hot products</a></li>
			<li><a href="#PageDiscountsProduct" id="DiscountsProduct" data-icon="custom">Discounts product</a></li>
            <li><a href="#PageNewProducts" id="NewProducts" data-icon="star">New products</a></li>
			
		</ul>
		</div>
	</div>
    </div>


<div data-role="page" id="PageHotProducts">
	<div data-role="header" data-position="fixed">
		<h2>Hot products</h2>
    
	</div>
	<div data-role="content">	
        <ul data-role="listview" data-filter="true" data-filter-placeholder="Search products...">
        
       </ul>
       </div>
        <div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
		<ul>
        
			<li><a href="#PageHotProducts" id="HotProducts" data-icon="refresh">Hot products</a></li>
			<li><a href="#PageDiscountsProduct" id="DiscountsProduct" data-icon="custom">Discounts product</a></li>
            <li><a href="#PageNewProducts" id="NewProducts" data-icon="star">New products</a></li>
			
		             
      </ul>
	</div>
    	</div>
        </div>
        <div data-role="page" id="PageDiscountsProduct">
	<div data-role="header" data-position="fixed">
		<h2>Discounts Products</h2>
       
	</div>
	<div data-role="content">	
        <ul data-role="listview" data-filter="true" data-filter-placeholder="Search products...">
        
       </ul>
       </div>
        <div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
		<ul>
        
			<li><a href="#PageHotProducts" id="HotProducts" data-icon="refresh">Hot products</a></li>
			<li><a href="#PageDiscountsProduct" id="DiscountsProduct" data-icon="custom">Discounts product</a></li>
            <li><a href="#PageNewProducts" id="NewProducts" data-icon="star">New products</a></li> 
   
              
      </ul>
	</div>
    	</div>
          </div>
        <div data-role="page" id="PageNewProducts">
	<div data-role="header" data-position="fixed">
		<h2>New products</h2>
        <
	<div data-role="content">	
        <ul data-role="listview" data-filter="true" data-filter-placeholder="Search products...">
        
       </ul>
       </div>
        <div data-role="footer" data-id="foo1" class="nav-thanh-customicon" data-position="fixed">
		<div data-role="navbar" data-iconpos="top">
		<ul>
        
			<li><a href="#PageHotProducts" id="HotProducts" data-icon="refresh">Hot products</a></li>
			<li><a href="#PageDiscountsProduct" id="DiscountsProduct" data-icon="custom">Discounts product</a></li>
            <li><a href="#PageNewProducts" id="NewProducts" data-icon="star">New products</a></li>
			
		             
      </ul>
	</div>
    	</div>
         
 
</body>
</html>
